<template>
  <Row class="header">
    <Col span="18" class="header_user">{{name}}</Col>
    <Col span="6" class="header_back">
      <span @click="goBack">返回</span>
    </Col>
  </Row>
</template>
<script>
  export default {
    data() {
      return {
        name: "北京恒润顺达科技开发中心"
      }
    },
    methods: {
      goBack() {
        this.$router.go(-1);
      }
    }
  }
 </script>
<style lang="scss" scoped>
  .header {
    font-size: 0.5rem;
    color: #fff;
    line-height: 1.5rem;
    &_user {
      height: 1.5rem;
      background: url(../assets/img/top-ico1.png) no-repeat 0.54rem center #00b3ff;
      background-size: auto 0.6rem;
      padding-left: 1.4rem;
    }
    &_yj {
      height: 1.5rem;
      background: #107bbe;
      background-size: auto 0.6rem;
      padding-left: 0.5rem;
    }
    &_back {
      height: 1.5rem;
      background: url(../assets/img/top-back.png) no-repeat 2rem center #2D8CF0;
      background-size: auto 0.6rem;
      padding-left: 0.5rem;
      a {
        color: #fff;
      }
    }
  }

</style>
